<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.tou{
				border: #6495ED 2px solid;
			}
			.zuo{
				float: left;
				border: #6495ED 0px solid;
				margin-top: 60px;
			}
			#header{
				width: 100%;
				height: 100%;
				margin: 0 auto;
				margin-left: -20px;
			}
			#footer{
				width: 100%;
				height="180"
				margin: 0 auto;
			}
			.you{
				float: right;	
				border: #6495ED 0px solid;
				width: 400px;
				height: 450px;
				margin-top: -480px;
				margin-left: 110px;
			}

			ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}

			table {
				margin-left: 10px;
				border-spacing: 15px;
			}

			.wenzi {
				margin-left: 50px;
				margin-top: 10px;
			}

			.a1 {
				color: cornflowerblue;
			}
			.da{
				
				margin: auto;
				background: url(img/login_bg.gif) no-repeat;
				width: 1000px;
				height: 600px;
				border: solid 0px #000000;
				background-size: 1000px;
				margin-top: -570px;
			}
			.w{
				width: 350px;
				height: 80px;
				border: solid 2px burlywood;
				background-color: bisque;
				margin-top: 10px;
				margin-left: 20px;
				
			}
			.l1{
				width: 250px;
				height: 30px;
				border: solid 1px burlywood;
				background-color: white;
				margin: auto;
				margin-top: 5px;
			}
			.l2{
				width: 250px;
				height: 30px;
				border: solid 1px burlywood;
				background-color: white;
				margin: auto;
				margin-top: 5px;
			}
			.xian{
				background-color: darkgray;
				width: 2px;
				height: 500px;
				float: left;
				margin-top: 60px;
				margin-left: 25px;
			}
			.t{
				width: 300px;
				height: 40px;
				/* border: solid 1px #6495ED; */
				line-height: 40px;
				padding-left: 40px;
				background: url(img/icon.gif) no-repeat  0 -120px;
			}
			.t2{
				background-position:0 -160px;
			}
			.t3{
				background-position:0 -200px;
			}
			.t4{
				background-position:0 -240px;
			}
			
		</style>
	</head>
	<body>
		<div>
		<div>
		<iframe id="header" runat="server" src="Header.html" width="1024" height="136" frameborder="0" scrolling="no"></iframe>
				</div>	
		<div class="da">			
			<div class="zuo">			
				<div>
					<img src="img/logintitle.gif" />
					
				</div>
				<div>
					<table>
						<tr>
							<td>会员名：</td>
							<td><input style="border: black 1.5px solid;" type="text" name="txt_Name"></td>
							<td>(可包含a-z，0-9和下划线)</td>
						</tr>
						<tr>
							<td>密码：</td>
							<td><input style="border: black 1.5px solid;" type="password" name="pwd_Mima"></td>
							<td>(至少包含6个字符)</td>
						</tr>
						<tr>
							<td colspan="2" style="text-align: center;"><img src="img/login.gif"></td>
						</tr>

					</table>
				</div>
				<div>
					<ul class="wenzi">
						<Li style="margin-bottom:15px">ð <a href="#" class="a1">什么是安全登录</a>。</Li>
						<Li style="margin-bottom:15px">ð 香港會員(繁體中文用戸)由此<a href="#" class="a1">登入</a></Li>
						<Li style="margin-bottom:15px">ð <a href="#" class="a1">密码安全贴士</a>。</Li>
						<Li>ð 防止病毒或者密码窃取您的账户信息,<a href="#" class="a1">在线检查</a>您的电脑是否安全。</Li>
					</ul>
				</div>
			</div>
			<div class="xian">
				
			</div>
			<div class="you">
				
				<img src="img/register.gif"/>
				
					<ul>
						<li class="t"><!-- <img src="img/01.png"> -->便宜有好货！超过7000万件商品任您选。</li>
						<li class="t t2 "><!-- <img src="img/02.png"> -->买卖更安全！交易超安全。</li>
						<li class="t t3 "><!-- <img src="img/03.png"> -->免费开网店！轻松赚钱交友。</li>
						<li class="t t4 "><!-- <img src="img/04.png"> -->超人气社区！精彩活动每一天。</li>
					</ul>
					
				<img src="img/registernow.gif" style="padding-left: 110px; padding-top: 15px;"/>
				<div class="w">
					<div class="l1">
						<img src="img/mf.png">您已经是会员？<a href="#">由此登入</a>
					</div>
					<div class="l2">		
						<img src="img/fan.png">繁体中文用戸由此？<a href="#">注册</a>
					</div>
				</div>
			</div>
		</div>
<div>
			<iframe id="footer" runat="servar" src="Footer.html"width="1024" height="180" frameborder="0" scrolling="no"></iframe>
		</div>